草庐IT

DOM 封装

全部标签

javascript - 如何引用 <HTML> 元素对应的 DOM 对象?

这就是您访问的方式设置背景样式的元素:document.body.style.background='';但是我怎样才能访问元素以类似的方式?以下不起作用:document.html.style.background=''; 最佳答案 元素可以通过document.documentElement引用属性(property)。一般来说,任何文档的根元素都可以通过.documentElement来引用。.document.documentElement.style.background='';备注:.style.background返回

javascript - 如何引用 <HTML> 元素对应的 DOM 对象?

这就是您访问的方式设置背景样式的元素:document.body.style.background='';但是我怎样才能访问元素以类似的方式?以下不起作用:document.html.style.background=''; 最佳答案 元素可以通过document.documentElement引用属性(property)。一般来说,任何文档的根元素都可以通过.documentElement来引用。.document.documentElement.style.background='';备注:.style.background返回

javascript - 如何向 DOM 添加 &lt;script&gt; 元素并执行其代码?

我想在现有的DOM中添加一个元素来运行javascript代码。我用YUI做了这个:varscriptNode=Y.Node.create('alert("Helloworld!");');varheadNode=Y.one('head');headNode.append(scriptNode);它已成功添加到DOM,但没有给我警报。有人知道问题出在哪里吗? 最佳答案 我不知道YUI的Node.create()函数是如何工作的,所以不予评论。但是一个简单的跨浏览器脚本是:window.onload=function(){vars=d

javascript - 如何向 DOM 添加 &lt;script&gt; 元素并执行其代码?

我想在现有的DOM中添加一个元素来运行javascript代码。我用YUI做了这个:varscriptNode=Y.Node.create('alert("Helloworld!");');varheadNode=Y.one('head');headNode.append(scriptNode);它已成功添加到DOM,但没有给我警报。有人知道问题出在哪里吗? 最佳答案 我不知道YUI的Node.create()函数是如何工作的,所以不予评论。但是一个简单的跨浏览器脚本是:window.onload=function(){vars=d

javascript - 通过 W3C DOM 替换整个 HTML 文档还有哪些其他选项?

我很好奇人们在运行时在Ajax网络应用程序中替换整个文档的体验。这种情况很少见,但我发现在一些情况下应用程序需要重建整个页面并且一切都在本地存在而不需要另一个服务器往返。我可以轻松地将新文档准备为新的DOM树或字符串。因此,我正在评估各种方法的权衡。如果我想使用String方法,这似乎可行:document.open();document.write(newStringDoc);document.close();大多数浏览器都能很好地做到这一点,但许多浏览器在重新呈现时会出现轻微的闪烁。我注意到,在第二次通过Firefox4.0b7时,它只会坐在那里旋转,就好像它正在加载一样。点击地址

javascript - 通过 W3C DOM 替换整个 HTML 文档还有哪些其他选项?

我很好奇人们在运行时在Ajax网络应用程序中替换整个文档的体验。这种情况很少见,但我发现在一些情况下应用程序需要重建整个页面并且一切都在本地存在而不需要另一个服务器往返。我可以轻松地将新文档准备为新的DOM树或字符串。因此,我正在评估各种方法的权衡。如果我想使用String方法,这似乎可行:document.open();document.write(newStringDoc);document.close();大多数浏览器都能很好地做到这一点,但许多浏览器在重新呈现时会出现轻微的闪烁。我注意到,在第二次通过Firefox4.0b7时,它只会坐在那里旋转,就好像它正在加载一样。点击地址

javascript - 有没有办法增加 Google Chrome 中 localStorage 的大小以避免 QUOTA_EXCEEDED ERR : DOM Exception 22

我写了一个网络应用程序,它允许您将图像存储在本地存储中,直到您点击保存(因此它可以离线工作,如果信号很差)。当localStorage达到5MB时,GoogleChrome会在javascript控制台日志中生成错误:UncaughtError:QUOTA_EXCEEDED_ERR:DOMException22如何在GoogleChrome上增加localStorage配额的大小? 最佳答案 5MB是一个硬性限制,这是愚蠢的。IndexedDB给你大约50MB,这是更合理的。为了使其更易于使用,请尝试Dexie.jshttps://

javascript - 有没有办法增加 Google Chrome 中 localStorage 的大小以避免 QUOTA_EXCEEDED ERR : DOM Exception 22

我写了一个网络应用程序,它允许您将图像存储在本地存储中,直到您点击保存(因此它可以离线工作,如果信号很差)。当localStorage达到5MB时,GoogleChrome会在javascript控制台日志中生成错误:UncaughtError:QUOTA_EXCEEDED_ERR:DOMException22如何在GoogleChrome上增加localStorage配额的大小? 最佳答案 5MB是一个硬性限制,这是愚蠢的。IndexedDB给你大约50MB,这是更合理的。为了使其更易于使用,请尝试Dexie.jshttps://

html - 为什么 .tagName DOM 属性返回大写值?

例如,如果我们有FooBar如果我们执行document.getElementByTagName("title").TagName,那么我们将得到TITLE(大写)。而html标准建议以小写形式编写html标签。我知道两者之间没有关系,但这仍然没有意义。DOM是否应该以大写形式返回标签​​名称? 最佳答案 从技术上讲,这是在DOMLevel1中强制执行的:TheHTMLDOMreturnsthetagNameofanHTMLelementinthecanonicaluppercaseform,regardlessofthecasei

html - 为什么 .tagName DOM 属性返回大写值?

例如,如果我们有FooBar如果我们执行document.getElementByTagName("title").TagName,那么我们将得到TITLE(大写)。而html标准建议以小写形式编写html标签。我知道两者之间没有关系,但这仍然没有意义。DOM是否应该以大写形式返回标签​​名称? 最佳答案 从技术上讲,这是在DOMLevel1中强制执行的:TheHTMLDOMreturnsthetagNameofanHTMLelementinthecanonicaluppercaseform,regardlessofthecasei